알려진 범위 내의 스칼라(scalar) 측정 또는 분수 값을 나타낸다. value
값을 토대로 시각적 표시를 하는 <progress>
요소와 비슷해 보이지만 데이터(value
)의 가치에 대한 시각적 표시를 차별화할 수 있다.
구문 콘텐츠(phrasing-content)가 예상되는 위치
하위에 다른 <meter>
요소가 없어야 한다.
[Exposed=Window]
interface HTMLMeterElement : HTMLElement {
[HTMLConstructor] constructor();
[CEReactions] attribute double value;
[CEReactions] attribute double min;
[CEReactions] attribute double max;
[CEReactions] attribute double low;
[CEReactions] attribute double high;
[CEReactions] attribute double optimum;
readonly attribute NodeList labels;
};
<meter></meter>
시각적으로 비교되어 표시될 값이다.
표시될 값의 범위에서 최대값을 나타낸다.
표시될 값의 범위에서 최소값을 나타낸다.
주어진 범위 내에서 낮은 부분으로 간주되는 범위를 정해 최대값을 지정한다.
주어진 범위 내에서 높은 부분으로 간주되는 범위를 정해 최소값을 지정한다. max
애트리뷰트의 값보다 작아야 한다. 그리고 min
, low
애트리뷰트의 값보다 커야 한다.
주어진 min
과 max
애트리뷰트의 값 범위 내에서 최적의 값을 의미한다. 최적의 값은 다음과 같은 조건에서 의미를 갖게 된다.
optimum
애트리뷰트의 값이 high
애트리뷰트의 값 보다 높으면 value
애트리뷰트의 값이 높은 범위(high
와 max
범위)내에 있을수록 이상적인 값으로 본다.optimum
애트리뷰트의 값이 low
애트리뷰트의 값 보다 낮으면 value
애트리뷰트의 값이 낮은 범위(min
과 low
범위)내에 있을수록 이상적인 값으로 본다optimum
애트리뷰트의 값이 low
와 high
범위 내에 있으면 value
애트리뷰트의 값이 낮은 범위(min
~ low
)와 높은 범위(high
~ max
) 내에 있으면 좋지 않은 것으로 본다.일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.
일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.